<template>
  <el-container>
    <el-dialog
      title=""
      v-model="showChooseDialog1"
      :close-on-click-modal="false"
      width="50%"
      :showClose="false"
    >
      <div style="font-size: 24px">您还没有个人门户，点击注册门户</div>
      <el-button type="primary" @click="returnmydoor" style="margin-top: 20px"
        >注册门户</el-button
      >
    </el-dialog>
 <el-header>
      <span class="siteIcon" style="font-size: 24px; color: #e9eef3">
        <img :src="logo" @click="returnlink" style="height: 70px" />
      </span>
      <span class="return">
        <el-button
          type="text"
          @click="returnlink"
          style="font-size: 24px; color: #e9eef3"
          >回到首页</el-button
        >
      </span>
      <el-dropdown class="cyr-drop" v-if="this.$store.getters.isLogin==true||this.$store.getters.isLogin=='true'">
        <span class="el-dropdown-link">

          <span
            class="span4"
            style="
              width: 100px;
              display: -webkit-box;
              text-overflow: ellipsis;
              overflow: hidden;
              word-break: break-all;
              white-space: normal;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              float: right;
              font-weight:600;">
            {{ $store.getters.userName }}
          </span>
                    <div class="span4" style="float: right;font-weight:600">您好,</div>
          <el-icon class="el-icon--right">
            <arrow-down />
          </el-icon>
        </span>
        <template #dropdown>
          <el-dropdown-menu>
            <el-dropdown-item @click="returnmydoor">我的门户</el-dropdown-item>
            <el-dropdown-item divided @click="returnperinfo"
              >账户信息</el-dropdown-item
            >
            <el-dropdown-item divided @click="returnout"
              >退出登录</el-dropdown-item
            >
          </el-dropdown-menu>
        </template>
      </el-dropdown>
      <el-button
        class="login"
        type="text"
        @click="login"
        style="font-size: 24px; color: #e9eef3;font-weight:600;"
        v-else
        >登录</el-button
      >
    </el-header>
    <el-container>
      <el-aside>
        <div class="base1">
          <el-card class="box-card">
            <template #header>
              <div class="card-header">
                <span>基本信息</span>
                <el-button
                  class="info"
                  type="primary"
                  @click="delete_form_visiable = true"
                  v-if="this.$store.getters.isLogin==true||this.$store.getters.isLogin=='true'"
                  >认领门户</el-button
                >
                <el-dialog v-model="delete_form_visiable" title="认领理由">
                  <el-form class="cyr">
                    <el-form-item>
                      <el-input
                        v-model="reason"
                        type="textarea"
                        maxlength="100"
                        show-word-limit
                        placeholder="请输入您的学术邮箱"
                      ></el-input>
                    </el-form-item>
                    <el-form-item>
                      <el-button
                        @click="SubmitInformation()"
                        style="margin-right: 20px"
                        >提交申请</el-button
                      >
                    </el-form-item>
                  </el-form>
                </el-dialog>
                <!-- Form -->
              </div>
            </template>
            <el-descriptions
              class="margin-top"
              title=""
              :column="1"
              :size="size"
              v-loading="loading"
            >
              <el-descriptions-item label="机构名称">
                <span>
                  {{ form.name }}
                </span>
                <span v-if="this.whether_person == true">
                  <el-tag
                    size="small"
                    style="margin-left: 10px"
                    :type="type"
                    effect="dark"
                    >个人</el-tag
                  >
                </span>
                <span v-if="this.whether_person == false">
                  <el-tag
                    size="small"
                    style="margin-left: 10px"
                    :type="type"
                    effect="dark"
                    >机构</el-tag
                  >
                </span>
              </el-descriptions-item>
              <el-descriptions-item label="联系方式">{{
                form.resource
              }}</el-descriptions-item>
              <el-descriptions-item label="专业领域">
                <span v-for="(item, index) in form['type']" :key="index">
                  <el-tag size="small" style="margin-left: 3px">{{
                    item
                  }}</el-tag>
                </span>
              </el-descriptions-item>
              <el-descriptions-item label="影响因子">{{
                form.influence
              }}</el-descriptions-item>
            </el-descriptions>
          </el-card>
        </div>
      </el-aside>
      <el-main>
        <div class="base">
          <el-card class="box-card">
            <template #header>
              <div class="card-header">
                <span>学者列表</span>
              </div>
            </template>
            <div
              v-if="person.length == 0"
              style="
                text-align: center;
                color: grey;
                font-size: 20px;
                padding-top: 100px;
              "
              v-loading="loading"
            >
              <el-empty description="暂无学者"></el-empty>
            </div>
            <div
              class="quList"
              v-for="(item, index) in person"
              :key="index"
              v-loading="loading2"
            >
              <div class="qu">
                <div class="name">
                  <span
                    class="spandoor"
                    @click="go_to_door(item.portal_id)"
                    style="font-size: 20px"
                  >
                    {{ item.name }}</span
                  >
                </div>
              </div>
            </div>
            <el-pagination
              background
              layout="prev, pager, next"
              :total="this.total"
              @current-change="handleCurrentChange"
            >
            </el-pagination>
          </el-card>
        </div>
      </el-main>
    </el-container>
  </el-container>
</template>
<script>
import { defineComponent, reactive, toRefs } from "vue";
import { Delete, WarningFilled } from "@element-plus/icons";
import * as echarts from "echarts";
import imgSrc from "../assets/ren.png";
import logo from "../assets/no_border.png";
import axios from "axios";
import { useStore } from "vuex";
import qs from "qs";
export default defineComponent({
  setup() {
    const store = useStore();
    console.log(store);
    const state = reactive({
      whetherin: "",
      rule: {
        date1: [
          {
            type: "date",
            required: true,
            message: "请输入您的生日",
            trigger: "change",
          },
        ],
      },
      person: "",
      loading: true,
      loading2: "",
      whether_person: "",
      logo,
      code: "",
      delete_form_visiable: false,
      dialogFormVisible: false,
      dialogFormVisible2: false,
      whether: true,
      Delete,
      WarningFilled,
      form: {},
      form2: {},
      form3: {
        title_ch: "",
        title_en: "",
        abstract: "",
        author: "",
        company: "",
        copy_right: true,
        pub_time: "",
        reference: "",
        type: [],
        key_word: "",
      },
      cooperate_info: [],
      colleague_info: [],
      acd_ach: [],
      myChart: null,
      chartData: [],
      chartLink: [],
      getcode: {},
      sex: [
        {
          value: "男",
          label: "男",
        },
        {
          value: "女",
          label: "女",
        },
        {
          value: "——",
          label: "——",
        },
      ],
      options: [
        {
          value: "马克思主义哲学",
          lable: "马克思主义哲学",
        },
        {
          value: "中国哲学",
          lable: "中国哲学",
        },
        {
          value: "外国哲学",
          lable: "外国哲学",
        },
        {
          value: "逻辑学",
          lable: "逻辑学",
        },
        {
          value: "伦理学",
          lable: "伦理学",
        },
        {
          value: "美学",
          lable: "美学",
        },
        {
          value: "宗教学",
          lable: "宗教学",
        },
        {
          value: "科学技术哲学",
          lable: "科学技术哲学",
        },
        {
          value: "政治经济学",
          lable: "政治经济学",
        },
        {
          value: "经济思想史",
          lable: "经济思想史",
        },
        {
          value: "经济史",
          lable: "经济史",
        },
        {
          value: "西方经济学",
          lable: "西方经济学",
        },
        {
          value: "世界经济",
          lable: "世界经济",
        },
        {
          value: "人口、资源与环境经济学",
          lable: "人口、资源与环境经济学",
        },
        {
          value: "国民经济学",
          lable: "国民经济学",
        },
        {
          value: "区域经济学",
          lable: "区域经济学",
        },
        {
          value: "财政学（含∶税收学）",
          lable: "财政学（含∶税收学）",
        },
        {
          value: "金融学（含∶保险学）",
          lable: "金融学（含∶保险学）",
        },
        {
          value: "产业经济学",
          lable: "产业经济学",
        },
        {
          value: "国际贸易学",
          lable: "国际贸易学",
        },
        {
          value: "劳动经济学",
          lable: "劳动经济学",
        },
        {
          value: "统计学",
          lable: "统计学",
        },
        {
          value: "数量经济学",
          lable: "数量经济学",
        },
        {
          value: "国防经济",
          lable: "国防经济",
        },
        {
          value: "法学理论",
          lable: "法学理论",
        },
        {
          value: "法律史",
          lable: "法律史",
        },
        {
          value: "宪法学与行政法学",
          lable: "宪法学与行政法学",
        },
        {
          value: "刑法学",
          lable: "刑法学",
        },
        {
          value: "民商法学(含：劳动法学、社会保障法学)",
          lable: "民商法学(含：劳动法学、社会保障法学)",
        },
        {
          value: "诉讼法学",
          lable: "诉讼法学",
        },
        {
          value: "经济法学",
          lable: "经济法学",
        },
        {
          value: "环境与资源保护法学",
          lable: "环境与资源保护法学",
        },
        {
          value: "国际法学(含：国际公法、国际私法、国际经济法)",
          lable: "国际法学(含：国际公法、国际私法、国际经济法)",
        },
        {
          value: "军事法学",
          lable: "军事法学",
        },
        {
          value: "政治学理论",
          lable: "政治学理论",
        },
        {
          value: "中外政治制度",
          lable: "中外政治制度",
        },
        {
          value: "科学社会主义与国际共产主义运动",
          lable: "科学社会主义与国际共产主义运动",
        },
        {
          value: "中共党史(含：党的学说与党的建设)",
          lable: "中共党史(含：党的学说与党的建设)",
        },
        {
          value: "国际政治",
          lable: "国际政治",
        },
        {
          value: "国际关系",
          lable: "国际关系",
        },
        {
          value: "外交学",
          lable: "外交学",
        },
        {
          value: "社会学",
          lable: "社会学",
        },
        {
          value: "人口学",
          lable: "人口学",
        },
        {
          value: "人类学",
          lable: "人类学",
        },
        {
          value: "民俗学（含：中国民间文学）",
          lable: "民俗学（含：中国民间文学）",
        },
        {
          value: "民族学",
          lable: "民族学",
        },
        {
          value: "马克思主义民族理论与政策",
          lable: "马克思主义民族理论与政策",
        },
        {
          value: "中国少数民族经济",
          lable: "中国少数民族经济",
        },
        {
          value: "中国少数民族史",
          lable: "中国少数民族史",
        },
        {
          value: "中国少数民族艺术",
          lable: "中国少数民族艺术",
        },
        {
          value: "马克思主义基本原理",
          lable: "马克思主义基本原理",
        },
        {
          value: "马克思主义发展史",
          lable: "马克思主义发展史",
        },
        {
          value: "马克思主义中国化研究",
          lable: "马克思主义中国化研究",
        },
        {
          value: "国外马克思主义研究",
          lable: "国外马克思主义研究",
        },
        {
          value: "思想政治教育",
          lable: "思想政治教育",
        },
        {
          value: "教育学原理",
          lable: "教育学原理",
        },
        {
          value: "课程与教学论",
          lable: "课程与教学论",
        },
        {
          value: "教育史",
          lable: "教育史",
        },
        {
          value: "比较教育学",
          lable: "比较教育学",
        },
        {
          value: "学前教育学",
          lable: "学前教育学",
        },
        {
          value: "高等教育学",
          lable: "高等教育学",
        },
        {
          value: "成人教育学",
          lable: "成人教育学",
        },
        {
          value: "职业技术教育学",
          lable: "职业技术教育学",
        },
        {
          value: "特殊教育学",
          lable: "特殊教育学",
        },
        {
          value: "教育技术学（可授教育学、理学学位）",
          lable: "教育技术学（可授教育学、理学学位）",
        },
        {
          value: "基础心理学",
          lable: "基础心理学",
        },
        {
          value: "发展与教育心理学",
          lable: "发展与教育心理学",
        },
        {
          value: "应用心理学",
          lable: "应用心理学",
        },
        {
          value: "体育人文社会学",
          lable: "体育人文社会学",
        },
        {
          value: "运动人体科学(可授教育学、理学、医学学位)",
          lable: "运动人体科学(可授教育学、理学、医学学位)",
        },
        {
          value: "体育教育训练学",
          lable: "体育教育训练学",
        },
        {
          value: "民族传统体育学",
          lable: "民族传统体育学",
        },
        {
          value: "文艺学",
          lable: "文艺学",
        },
        {
          value: "语言学及应用语言学",
          lable: "语言学及应用语言学",
        },
        {
          value: "汉语言文字学",
          lable: "汉语言文字学",
        },
        {
          value: "中国古典文献学",
          lable: "中国古典文献学",
        },
        {
          value: "中国古代文学",
          lable: "中国古代文学",
        },
        {
          value: "中国现当代文学",
          lable: "中国现当代文学",
        },
        {
          value: "中国少数民族语言文学（分语族）",
          lable: "中国少数民族语言文学（分语族）",
        },
        {
          value: "比较文学与世界文学",
          lable: "比较文学与世界文学",
        },
        {
          value: "英语语言文学",
          lable: "英语语言文学",
        },
        {
          value: "俄语语言文学",
          lable: "俄语语言文学",
        },
        {
          value: "法语语言文学",
          lable: "法语语言文学",
        },
        {
          value: "德语语言文学",
          lable: "德语语言文学",
        },
        {
          value: "日语语言文学",
          lable: "日语语言文学",
        },
        {
          value: "印度语言文学",
          lable: "印度语言文学",
        },
        {
          value: "西班牙语语言文学",
          lable: "西班牙语语言文学",
        },
        {
          value: "阿拉伯语语言文学",
          lable: "阿拉伯语语言文学",
        },
        {
          value: "欧洲语言文学",
          lable: "欧洲语言文学",
        },
        {
          value: "亚非语言文学",
          lable: "亚非语言文学",
        },
        {
          value: "外国语言学及应用语言学",
          lable: "外国语言学及应用语言学",
        },
        {
          value: "新闻学",
          lable: "新闻学",
        },
        {
          value: "传播学",
          lable: "传播学",
        },
        {
          value: "艺术学",
          lable: "艺术学",
        },
        {
          value: "音乐学",
          lable: "音乐学",
        },
        {
          value: "美术学",
          lable: "美术学",
        },
        {
          value: "设计艺术学",
          lable: "设计艺术学",
        },
        {
          value: "戏剧戏曲学",
          lable: "戏剧戏曲学",
        },
        {
          value: "电影学",
          lable: "电影学",
        },
        {
          value: "广播电视艺术学",
          lable: "广播电视艺术学",
        },
        {
          value: "舞蹈学",
          lable: "舞蹈学",
        },
        {
          value: "史学理论及史学史",
          lable: "史学理论及史学史",
        },
        {
          value: "考古学及博物馆学",
          lable: "考古学及博物馆学",
        },
        {
          value: "历史地理学",
          lable: "历史地理学",
        },
        {
          value: "历史文献学(含∶敦煌学、古文字学)",
          lable: "历史文献学(含∶敦煌学、古文字学)",
        },
        {
          value: "专门史",
          lable: "专门史",
        },
        {
          value: "中国古代史",
          lable: "中国古代史",
        },
        {
          value: "中国近现代史",
          lable: "中国近现代史",
        },
        {
          value: "世界史",
          lable: "世界史",
        },
        {
          value: "基础数学",
          lable: "基础数学",
        },
        {
          value: "计算数学",
          lable: "计算数学",
        },
        {
          value: "概率论与数理统计",
          lable: "概率论与数理统计",
        },
        {
          value: "应用数学",
          lable: "应用数学",
        },
        {
          value: "运筹学与控制论",
          lable: "运筹学与控制论",
        },
        {
          value: "理论物理",
          lable: "理论物理",
        },
        {
          value: "粒子物理与原子核物理",
          lable: "粒子物理与原子核物理",
        },
        {
          value: "原子与分子物理",
          lable: "原子与分子物理",
        },
        {
          value: "等离子体物理",
          lable: "等离子体物理",
        },
        {
          value: "凝聚态物理",
          lable: "凝聚态物理",
        },
        {
          value: "声学",
          lable: "声学",
        },
        {
          value: "光学",
          lable: "光学",
        },
        {
          value: "无线电物理",
          lable: "无线电物理",
        },
        {
          value: "无机化学",
          lable: "无机化学",
        },
        {
          value: "分析化学",
          lable: "分析化学",
        },
        {
          value: "有机化学",
          lable: "有机化学",
        },
        {
          value: "物理化学(含∶化学物理)",
          lable: "物理化学(含∶化学物理)",
        },
        {
          value: "高分子化学与物理",
          lable: "高分子化学与物理",
        },
        {
          value: "天体物理",
          lable: "天体物理",
        },
        {
          value: "天体测量与天体力学",
          lable: "天体测量与天体力学",
        },
        {
          value: "自然地理学",
          lable: "自然地理学",
        },
        {
          value: "人文地理学",
          lable: "人文地理学",
        },
        {
          value: "地图学与地理信息系统",
          lable: "地图学与地理信息系统",
        },
        {
          value: "气象学",
          lable: "气象学",
        },
        {
          value: "大气物理学与大气环境",
          lable: "大气物理学与大气环境",
        },
        {
          value: "物理海洋学",
          lable: "物理海洋学",
        },
        {
          value: "海洋化学",
          lable: "海洋化学",
        },
        {
          value: "海洋生物学",
          lable: "海洋生物学",
        },
        {
          value: "海洋地质",
          lable: "海洋地质",
        },
        {
          value: "固体地球物理学",
          lable: "固体地球物理学",
        },
        {
          value: "空间物理学",
          lable: "空间物理学",
        },
        {
          value: "矿物学、岩石学、矿床学",
          lable: "矿物学、岩石学、矿床学",
        },
        {
          value: "地球化学",
          lable: "地球化学",
        },
        {
          value: "古生物学与地层学(含：古人类学)",
          lable: "古生物学与地层学(含：古人类学)",
        },
        {
          value: "构造地质学",
          lable: "构造地质学",
        },
        {
          value: "第四纪地质学",
          lable: "第四纪地质学",
        },
        {
          value: "植物学",
          lable: "植物学",
        },
        {
          value: "动物学",
          lable: "动物学",
        },
        {
          value: "生理学",
          lable: "生理学",
        },
        {
          value: "水生生物学",
          lable: "水生生物学",
        },
        {
          value: "微生物学",
          lable: "微生物学",
        },
        {
          value: "神经生物学",
          lable: "神经生物学",
        },
        {
          value: "遗传学",
          lable: "遗传学",
        },
        {
          value: "发育生物学",
          lable: "发育生物学",
        },
        {
          value: "细胞生物学",
          lable: "细胞生物学",
        },
        {
          value: "生物化学与分子生物学",
          lable: "生物化学与分子生物学",
        },
        {
          value: "生物物理学",
          lable: "生物物理学",
        },
        {
          value: "生态学",
          lable: "生态学",
        },
        {
          value: "系统理论",
          lable: "系统理论",
        },
        {
          value: "系统分析与集成",
          lable: "系统分析与集成",
        },
        {
          value: "一般力学与力学基础",
          lable: "一般力学与力学基础",
        },
        {
          value: "固体力学",
          lable: "固体力学",
        },
        {
          value: "流体力学",
          lable: "流体力学",
        },
        {
          value: "工程力学",
          lable: "工程力学",
        },
        {
          value: "机械制造及其自动化",
          lable: "机械制造及其自动化",
        },
        {
          value: "机械电子工程",
          lable: "机械电子工程",
        },
        {
          value: "机械设计及理论",
          lable: "机械设计及理论",
        },
        {
          value: "车辆工程",
          lable: "车辆工程",
        },
        {
          value: "精密仪器及机械",
          lable: "精密仪器及机械",
        },
        {
          value: "测试计量技术及仪器",
          lable: "测试计量技术及仪器",
        },
        {
          value: "材料物理与化学",
          lable: "材料物理与化学",
        },
        {
          value: "材料学",
          lable: "材料学",
        },
        {
          value: "材料加工工程",
          lable: "材料加工工程",
        },
        {
          value: "冶金物理化学",
          lable: "冶金物理化学",
        },
        {
          value: "钢铁冶金",
          lable: "钢铁冶金",
        },
        {
          value: "有色金属冶金",
          lable: "有色金属冶金",
        },
        {
          value: "工程热物理",
          lable: "工程热物理",
        },
        {
          value: "热能工程",
          lable: "热能工程",
        },
        {
          value: "动力机械及工程",
          lable: "动力机械及工程",
        },
        {
          value: "流体机械及工程",
          lable: "流体机械及工程",
        },
        {
          value: "制冷及低温工程",
          lable: "制冷及低温工程",
        },
        {
          value: "化工过程机械",
          lable: "化工过程机械",
        },
        {
          value: "电机与电器",
          lable: "电机与电器",
        },
        {
          value: "电力系统及其自动化",
          lable: "电力系统及其自动化",
        },
        {
          value: "高电压与绝缘技术",
          lable: "高电压与绝缘技术",
        },
        {
          value: "电力电子与电力传动",
          lable: "电力电子与电力传动",
        },
        {
          value: "电工理论与新技术",
          lable: "电工理论与新技术",
        },
        {
          value: "物理电子学",
          lable: "物理电子学",
        },
        {
          value: "电路与系统",
          lable: "电路与系统",
        },
        {
          value: "微电子学与固体电子学",
          lable: "微电子学与固体电子学",
        },
        {
          value: "电磁场与微波技术",
          lable: "电磁场与微波技术",
        },
        {
          value: "通信与信息系统",
          lable: "通信与信息系统",
        },
        {
          value: "信号与信息处理",
          lable: "信号与信息处理",
        },
        {
          value: "控制理论与控制工程",
          lable: "控制理论与控制工程",
        },
        {
          value: "检测技术与自动化装置",
          lable: "检测技术与自动化装置",
        },
        {
          value: "系统工程",
          lable: "系统工程",
        },
        {
          value: "模式识别与智能系统",
          lable: "模式识别与智能系统",
        },
        {
          value: "导航、制导与控制",
          lable: "导航、制导与控制",
        },
        {
          value: "计算机系统结构",
          lable: "计算机系统结构",
        },
        {
          value: "计算机软件与理论",
          lable: "计算机软件与理论",
        },
        {
          value: "计算机应用技术",
          lable: "计算机应用技术",
        },
        {
          value: "建筑历史与理论",
          lable: "建筑历史与理论",
        },
        {
          value: "建筑设计及其理论",
          lable: "建筑设计及其理论",
        },
        {
          value: "城市规划与设计",
          lable: "城市规划与设计",
        },
        {
          value: "建筑技术科学",
          lable: "建筑技术科学",
        },
        {
          value: "岩土工程",
          lable: "岩土工程",
        },
        {
          value: "结构工程",
          lable: "结构工程",
        },
        {
          value: "市政工程",
          lable: "市政工程",
        },
        {
          value: "供热、供燃气、通风及空调工程",
          lable: "供热、供燃气、通风及空调工程",
        },
        {
          value: "防灾减灾工程及防护工程",
          lable: "防灾减灾工程及防护工程",
        },
        {
          value: "桥梁与隧道工程",
          lable: "桥梁与隧道工程",
        },
        {
          value: "水文学及水资源",
          lable: "水文学及水资源",
        },
        {
          value: "水力学及河流动力学",
          lable: "水力学及河流动力学",
        },
        {
          value: "水工结构工程",
          lable: "水工结构工程",
        },
        {
          value: "水利水电工程",
          lable: "水利水电工程",
        },
        {
          value: "港口、海岸及近海工程",
          lable: "港口、海岸及近海工程",
        },
        {
          value: "大地测量学与测量工程",
          lable: "大地测量学与测量工程",
        },
        {
          value: "摄影测量与遥感",
          lable: "摄影测量与遥感",
        },
        {
          value: "地图制图学与地理信息工程",
          lable: "地图制图学与地理信息工程",
        },
        {
          value: "化学工程",
          lable: "化学工程",
        },
        {
          value: "化学工艺",
          lable: "化学工艺",
        },
        {
          value: "生物化工",
          lable: "生物化工",
        },
        {
          value: "应用化学",
          lable: "应用化学",
        },
        {
          value: "工业催化",
          lable: "工业催化",
        },
        {
          value: "矿产普查与勘探",
          lable: "矿产普查与勘探",
        },
        {
          value: "地球探测与信息技术",
          lable: "地球探测与信息技术",
        },
        {
          value: "地质工程",
          lable: "地质工程",
        },
        {
          value: "采矿工程",
          lable: "采矿工程",
        },
        {
          value: "矿物加工工程",
          lable: "矿物加工工程",
        },
        {
          value: "安全技术及工程",
          lable: "安全技术及工程",
        },
        {
          value: "油气井工程",
          lable: "油气井工程",
        },
        {
          value: "油气田开发工程",
          lable: "油气田开发工程",
        },
        {
          value: "油气储运工程",
          lable: "油气储运工程",
        },
        {
          value: "纺织工程",
          lable: "纺织工程",
        },
        {
          value: "纺织材料与纺织品设计",
          lable: "纺织材料与纺织品设计",
        },
        {
          value: "纺织化学与染整工程",
          lable: "纺织化学与染整工程",
        },
        {
          value: "服装设计与工程",
          lable: "服装设计与工程",
        },
        {
          value: "制浆造纸工程",
          lable: "制浆造纸工程",
        },
        {
          value: "制糖工程",
          lable: "制糖工程",
        },
        {
          value: "发酵工程",
          lable: "发酵工程",
        },
        {
          value: "皮革化学与工程",
          lable: "皮革化学与工程",
        },
        {
          value: "道路与铁道工程",
          lable: "道路与铁道工程",
        },
        {
          value: "交通信息工程及控制",
          lable: "交通信息工程及控制",
        },
        {
          value: "交通运输规划与管理",
          lable: "交通运输规划与管理",
        },
        {
          value: "载运工具运用工程",
          lable: "载运工具运用工程",
        },
        {
          value: "船舶与海洋结构物设计制造",
          lable: "船舶与海洋结构物设计制造",
        },
        {
          value: "轮机工程",
          lable: "轮机工程",
        },
        {
          value: "水声工程",
          lable: "水声工程",
        },
        {
          value: "飞行器设计",
          lable: "飞行器设计",
        },
        {
          value: "航空宇航推进理论与工程",
          lable: "航空宇航推进理论与工程",
        },
        {
          value: "航空宇航制造工程",
          lable: "航空宇航制造工程",
        },
        {
          value: "人机与环境工程",
          lable: "人机与环境工程",
        },
        {
          value: "武器系统与运用工程",
          lable: "武器系统与运用工程",
        },
        {
          value: "兵器发射理论与技术",
          lable: "兵器发射理论与技术",
        },
        {
          value: "火炮、自动武器与弹药工程",
          lable: "火炮、自动武器与弹药工程",
        },
        {
          value: "军事化学与烟火技术",
          lable: "军事化学与烟火技术",
        },
        {
          value: "核能科学与工程",
          lable: "核能科学与工程",
        },
        {
          value: "核燃料循环与材料",
          lable: "核燃料循环与材料",
        },
        {
          value: "核技术及应用",
          lable: "核技术及应用",
        },
        {
          value: "辐射防护及环境保护",
          lable: "辐射防护及环境保护",
        },
        {
          value: "农业机械化工程",
          lable: "农业机械化工程",
        },
        {
          value: "农业水土工程",
          lable: "农业水土工程",
        },
        {
          value: "农业生物环境与能源工程",
          lable: "农业生物环境与能源工程",
        },
        {
          value: "农业电气化与自动化",
          lable: "农业电气化与自动化",
        },
        {
          value: "森林工程",
          lable: "森林工程",
        },
        {
          value: "木材科学与技术",
          lable: "木材科学与技术",
        },
        {
          value: "林产化学加工工程",
          lable: "林产化学加工工程",
        },
        {
          value: "环境科学",
          lable: "环境科学",
        },
        {
          value: "环境工程",
          lable: "环境工程",
        },
        {
          value: "食品科学",
          lable: "食品科学",
        },
        {
          value: "粮食、油脂及植物蛋白工程",
          lable: "粮食、油脂及植物蛋白工程",
        },
        {
          value: "农产品加工及贮藏工程",
          lable: "农产品加工及贮藏工程",
        },
        {
          value: "水产品加工及贮藏工程",
          lable: "水产品加工及贮藏工程",
        },
        {
          value: "作物栽培学与耕作学",
          lable: "作物栽培学与耕作学",
        },
        {
          value: "作物遗传育种",
          lable: "作物遗传育种",
        },
        {
          value: "果树学",
          lable: "果树学",
        },
        {
          value: "蔬菜学",
          lable: "蔬菜学",
        },
        {
          value: "茶学",
          lable: "茶学",
        },
        {
          value: "土壤学",
          lable: "土壤学",
        },
        {
          value: "植物营养学",
          lable: "植物营养学",
        },
        {
          value: "植物病理学",
          lable: "植物病理学",
        },
        {
          value: "农业昆虫与害虫防治",
          lable: "农业昆虫与害虫防治",
        },
        {
          value: "农药学(可授农学、理学学位）",
          lable: "农药学(可授农学、理学学位）",
        },
        {
          value: "动物遗传育种与繁殖",
          lable: "动物遗传育种与繁殖",
        },
        {
          value: "动物营养与饲料科学",
          lable: "动物营养与饲料科学",
        },
        {
          value: "草业科学",
          lable: "草业科学",
        },
        {
          value: "特种经济动物饲养（含：蚕、蜂等）",
          lable: "特种经济动物饲养（含：蚕、蜂等）",
        },
        {
          value: "基础兽医学",
          lable: "基础兽医学",
        },
        {
          value: "预防兽医学",
          lable: "预防兽医学",
        },
        {
          value: "临床兽医学",
          lable: "临床兽医学",
        },
        {
          value: "林木遗传育种",
          lable: "林木遗传育种",
        },
        {
          value: "森林培育",
          lable: "森林培育",
        },
        {
          value: "森林保护学",
          lable: "森林保护学",
        },
        {
          value: "森林经理学",
          lable: "森林经理学",
        },
        {
          value: "野生动植物保护与利用",
          lable: "野生动植物保护与利用",
        },
        {
          value: "园林植物与观赏园艺",
          lable: "园林植物与观赏园艺",
        },
        {
          value: "水土保持与荒漠化防治",
          lable: "水土保持与荒漠化防治",
        },
        {
          value: "水产养殖",
          lable: "水产养殖",
        },
        {
          value: "捕捞学",
          lable: "捕捞学",
        },
        {
          value: "渔业资源",
          lable: "渔业资源",
        },
        {
          value: "人体解剖与组织胚胎学",
          lable: "人体解剖与组织胚胎学",
        },
        {
          value: "免疫学",
          lable: "免疫学",
        },
        {
          value: "病原生物学",
          lable: "病原生物学",
        },
        {
          value: "病理学与病理生理学",
          lable: "病理学与病理生理学",
        },
        {
          value: "法医学",
          lable: "法医学",
        },
        {
          value: "放射医学",
          lable: "放射医学",
        },
        {
          value: "航空、航天与航海医学",
          lable: "航空、航天与航海医学",
        },
        {
          value: "内科学",
          lable: "内科学",
        },
        {
          value: "儿科学",
          lable: "儿科学",
        },
        {
          value: "老年医学",
          lable: "老年医学",
        },
        {
          value: "神经病学",
          lable: "神经病学",
        },
        {
          value: "精神病与精神卫生学",
          lable: "精神病与精神卫生学",
        },
        {
          value: "皮肤病与性病学",
          lable: "皮肤病与性病学",
        },
        {
          value: "影像医学与核医学",
          lable: "影像医学与核医学",
        },
        {
          value: "临床检验诊断学",
          lable: "临床检验诊断学",
        },
        {
          value: "护理学",
          lable: "护理学",
        },
        {
          value: "外科学",
          lable: "外科学",
        },
        {
          value: "妇产科学",
          lable: "妇产科学",
        },
        {
          value: "眼科学",
          lable: "眼科学",
        },
        {
          value: "耳鼻咽喉科学",
          lable: "耳鼻咽喉科学",
        },
        {
          value: "肿瘤学",
          lable: "肿瘤学",
        },
        {
          value: "康复医学与理疗学",
          lable: "康复医学与理疗学",
        },
        {
          value: "运动医学",
          lable: "运动医学",
        },
        {
          value: "麻醉学",
          lable: "麻醉学",
        },
        {
          value: "急诊医学",
          lable: "急诊医学",
        },
        {
          value: "口腔基础医学",
          lable: "口腔基础医学",
        },
        {
          value: "口腔临床医学",
          lable: "口腔临床医学",
        },
        {
          value: "流行病与卫生统计学",
          lable: "流行病与卫生统计学",
        },
        {
          value: "劳动卫生与环境卫生学",
          lable: "劳动卫生与环境卫生学",
        },
        {
          value: "营养与食品卫生学",
          lable: "营养与食品卫生学",
        },
        {
          value: "儿少卫生与妇幼保健学",
          lable: "儿少卫生与妇幼保健学",
        },
        {
          value: "卫生毒理学",
          lable: "卫生毒理学",
        },
        {
          value: "军事预防医学",
          lable: "军事预防医学",
        },
        {
          value: "中医基础理论",
          lable: "中医基础理论",
        },
        {
          value: "中医临床基础",
          lable: "中医临床基础",
        },
        {
          value: "中医医史文献",
          lable: "中医医史文献",
        },
        {
          value: "方剂学",
          lable: "方剂学",
        },
        {
          value: "中医诊断学",
          lable: "中医诊断学",
        },
        {
          value: "中医内科学",
          lable: "中医内科学",
        },
        {
          value: "中医外科学",
          lable: "中医外科学",
        },
        {
          value: "中医骨伤科学",
          lable: "中医骨伤科学",
        },
        {
          value: "中医妇科学",
          lable: "中医妇科学",
        },
        {
          value: "中医儿科学",
          lable: "中医儿科学",
        },
        {
          value: "中医五官科学",
          lable: "中医五官科学",
        },
        {
          value: "针灸推拿学",
          lable: "针灸推拿学",
        },
        {
          value: "民族医学(含：藏医学、蒙医学等)",
          lable: "民族医学(含：藏医学、蒙医学等)",
        },
        {
          value: "中西医结合基础",
          lable: "中西医结合基础",
        },
        {
          value: "中西医结合临床",
          lable: "中西医结合临床",
        },
        {
          value: "药物化学",
          lable: "药物化学",
        },
        {
          value: "药剂学",
          lable: "药剂学",
        },
        {
          value: "生药学",
          lable: "生药学",
        },
        {
          value: "药物分析学",
          lable: "药物分析学",
        },
        {
          value: "微生物与生化药学",
          lable: "微生物与生化药学",
        },
        {
          value: "药理学",
          lable: "药理学",
        },
        {
          value: "军事思想",
          lable: "军事思想",
        },
        {
          value: "军事历史",
          lable: "军事历史",
        },
        {
          value: "军事战略学",
          lable: "军事战略学",
        },
        {
          value: "战争动员学",
          lable: "战争动员学",
        },
        {
          value: "联合战役学",
          lable: "联合战役学",
        },
        {
          value: "军种战役学(含∶第二炮兵战役学)",
          lable: "军种战役学(含∶第二炮兵战役学)",
        },
        {
          value: "合同战术学",
          lable: "合同战术学",
        },
        {
          value: "兵种战术学",
          lable: "兵种战术学",
        },
        {
          value: "作战指挥学",
          lable: "作战指挥学",
        },
        {
          value: "军事运筹学",
          lable: "军事运筹学",
        },
        {
          value: "军事通信学",
          lable: "军事通信学",
        },
        {
          value: "军事情报学",
          lable: "军事情报学",
        },
        {
          value: "密码学",
          lable: "密码学",
        },
        {
          value: "军事教育训练学(含∶军事体育学)",
          lable: "军事教育训练学(含∶军事体育学)",
        },
        {
          value: "军事组织编制学",
          lable: "军事组织编制学",
        },
        {
          value: "军队管理学",
          lable: "军队管理学",
        },
        {
          value: "军事后勤学",
          lable: "军事后勤学",
        },
        {
          value: "后方专业勤务",
          lable: "后方专业勤务",
        },
        {
          value: "军事装备学",
          lable: "军事装备学",
        },
        {
          value: "会计学",
          lable: "会计学",
        },
        {
          value: "企业管理",
          lable: "企业管理",
        },
        {
          value: "旅游管理",
          lable: "旅游管理",
        },
        {
          value: "技术经济及管理",
          lable: "技术经济及管理",
        },
        {
          value: "农业经济管理",
          lable: "农业经济管理",
        },
        {
          value: "林业经济管理",
          lable: "林业经济管理",
        },
        {
          value: "行政管理",
          lable: "行政管理",
        },
        {
          value: "社会医学与卫生事业管理(可授管理学、医学学位)",
          lable: "社会医学与卫生事业管理(可授管理学、医学学位)",
        },
        {
          value: "教育经济与管理（可授管理学、教育学学位）",
          lable: "教育经济与管理（可授管理学、教育学学位）",
        },
        {
          value: "社会保障",
          lable: "社会保障",
        },
        {
          value: "土地资源管理",
          lable: "土地资源管理",
        },
        {
          value: "图书馆学",
          lable: "图书馆学",
        },
        {
          value: "情报学",
          lable: "情报学",
        },
        {
          value: "档案学",
          lable: "档案学",
        },
      ],
      reason:"",
      formLabelWidth: "120px",
      fileList: [],
    });
    return {
      type: "success",
      ...toRefs(state),
    };
  },
  methods: {
    //（全局变量）
    GetUserInfo() {
      if(this.$store.getters.userID==""){
        this.whetherin=false
      }
      else this.whetherin=true
      if(this.$route.params.id){this.$store.commit("updatePID", this.$route.params.id);
      }
      axios.post("c_portal/", { expert_id: this.$store.getters.portal_id }).then((response) => {
        console.log(response.data);
        if (response.data.code == 0) {
          this.whether_person = response.data.whether_person;
          this.form = response.data.form;
          if(this.form["type"]=="None"||this.form["type"][0]==""){
            this.form["type"]=[];
          }
          this.form2.name = this.form.name;
          this.form2.resource = this.form.resource;
          this.form2.type = this.form.type;
          this.person=response.data.person;
          this.loading = false;
          this.loading2 = false;
        } else {
          alert(response.data.msg);
        }
      });
    },
    returnlink() {
      this.$router.push("/");
    },
    returnmydoor() {
      if (this.$store.state.own_door == true||this.$store.state.own_door == "true") {
        if (this.$store.state.isCompany == true||this.$store.state.isCompany == "true") {
          this.$router.push("/mycompanydoor");
        } else this.$router.push("/mydoortrue");
      } else this.$router.push("/mydoorfalse");
    },
    returnperinfo() {
      this.$router.push("/personalcenterforsee");
    },
    login() {
      this.$router.push("/login");
    },
    returnout() {
      this.$router.push("/");
      this.$store.commit("updateown_door", false);
      this.$store.commit("updateUserName", "");
      this.$store.commit("updateUserID", "");
      this.$store.commit("updateUserEmail", "");
      this.$store.commit("updateCTA", "");
      this.$store.commit("updateMPID", "");
      this.$store.commit("updatePID", "");
      this.$store.commit("updateIsLogin", false);
    },
    go_to_detail(id) {
      console.log(id);
      localStorage.setItem("id",id);
      this.$router.push({
        name: "Detail",
        params: {
          id: id,
        },
      });
    },
    go_to_door(id) {
      console.log(id);
      localStorage.setItem("portal_id",id);
      this.$router.push({
        name: "Door",
        params: {
          id: id,
        },
      });
    },
    handleCurrentChange(val) {
      this.loading2 = true;
      axios
        .post("portal_get_academic_by_page/", {
          expert_id: this.$store.getters.my_portal_id,
          page: val,
        })
        .then((response) => {
          console.log(response.data);
          this.acd_ach = response.data.acd_ach;
          this.loading2 = false;
        });
    },
    //获取验证码（全局变量）
    getCode() {
      this.getcode["portalid"] = String(this.$store.getters.my_portal_id);
      this.getcode["user_id"] = String(this.$store.getters.userID);
      this.getcode["authCode"] = "sendCode";
      let data = qs.stringify(this.getcode);
      axios.post("deletePortal/", data).then((response) => {
        console.log(response.data);
        if (response.data.code == 200) {
          this.$message({
            type: "success",
            message: "验证码已发送!",
          });
        } else {
          this.$message({
            type: "error",
            message: response.data.msg,
          });
        }
      });
    },
    SubmitInformation() {
      let temp = {}
      temp["user_id"]=String(this.$store.getters.userID)
      temp["portalid"]=String(this.$store.getters.portal_id)
      temp["msg_u_to_a"]=this.reason
      let data = qs.stringify(temp);
      axios.post("claimPortal/", data).then((response) => {
        console.log(response.data);
        if (response.data.code == 200) {
          this.$message({
            type: "success",
            message: "提交成功!",
          });
        } else {
          this.$message({
            type: "error",
            message: response.data.msg,
          });
        }
      });
    },
    // 修改门户信息（全局变量）
    commit_per_infro() {
      let temp = {};
      temp["portalid"] = String(this.$store.getters.my_portal_id);
      temp["name"] = this.form2.name;
      temp["birth"] = "0001-01-01";
      temp["company"] = "--";
      if(this.form2.resource==""){
        temp["resource"] ="--"
      }else temp["resource"] = this.form2.resource;
      let a = "";
      a = this.form2.type + "";
      temp["type"] = a;
      //this.form2["portalid"]=""
      temp["sex"] = "--";
      let data = qs.stringify(temp);
      axios.post("changeInfo/", data).then((response) => {
        console.log(response.data);
        if (response.data.code == 200) {
          this.$message({
            type: "success",
            message: "修改成功!",
          });
          this.dialogFormVisible = false;
          this.form.name = this.form2.name;
          this.form.resource = this.form2.resource;
          this.form.type = this.form2.type;
        } else {
          this.$message({
            type: "error",
            message: response.data.msg,
          });
          this.form2.name = this.form.name;
          this.form2.resource = this.form.resource;
          this.form2.type = this.form.type;
        }
      });
    },
    initEchart() {
      let dom = document.getElementById("container");
      this.myChart = echarts.init(dom);
      // this.chartData = this.dataEChart();
      // this.chartLink = this.linkEChart();
      let option = {
        tooltip: {
          show: false,
        },
        series: [
          {
            edgeLabel: {
              normal: {
                formatter: "{c}",
                show: true,
              },
            },
            edgeSymbol: "circle",
            force: {
              repulsion: 2000,
            },
            layout: "force",
            roam: true,
            itemStyle: {
              normal: {
                color: "#A59EAD",
              },
              //鼠标放上去有阴影效果
              emphasis: {
                shadowColor: "#A59EAD",
                shadowOffsetX: 0,
                shadowOffsetY: 0,
                shadowBlur: 40,
              },
            },
            label: {
              normal: {
                show: true,
              },
            },
            //头像
            symbol: `image://${imgSrc}`,
            symbolSize: 86,
            type: "graph",
            links: this.chartLink,
            data: this.chartData,
          },
        ],
      };
      this.myChart.setOption(option);
      this.myChart.on("click", function (params) {
        console.log(params.data); //获取点击的头像的数据信息
      });
    },
  },
  mounted() {},
  created() {
    this.GetUserInfo();
  },
});
</script>
<style scoped>
.el-header {
  background-color: #1047b4;
  color: #1047b4;
  text-align: center;
  line-height: 60px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-button--text {
  border-color: transparent;
  color: var(--el-color-primary);
  background: 0 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
}
.siteIcon {
  position: absolute;
  left: 100px;
  top: -5px;
  color: #e9eef3;
}
.return {
  position: absolute;
  left: 230px;
  top: 2px;
  color: #e9eef3;
  /* font-weight: 700; */
}
.el-dropdown {
  position: absolute;
  left: 1200px;
  color: #e9eef3;
  font-size: 22px;
  font-weight: 400;
  line-height: 60px;
}
.el-main {
  width: 1000px;
  background-color: #ffffff;
  color: #333;
  text-align: left;
}
.el-aside {
  width: 500px;
  background-color: #ffffff;
  color: #333;
  text-align: left;
}
.base1 {
  margin-left: 100px;
  margin-top: 30px;
  width: 500px;
  position: absolute;
}
.card-header {
  font-size: 20px;
  font-weight: bold;
  color: #1047b4;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  height: 30px;
}
.base1 .delete {
  position: absolute;
  left: 280px;
}
.base1 .info {
  position: absolute;
  left: 380px;
}
.el-select .el-input__inner {
  cursor: pointer;
  display: inline-flex;
  border-top: 2px solid;
  border-bottom: 2px solid;
  /* background-color: #0c7dec; */
  /* border-right: rgb(195, 212, 241); */
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  color: rgb(242, 245, 248);
  border: transparent;
  width: fit-content;
}
.qu {
  margin-top: 15px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.base .el-select .el-input__inner {
  cursor: pointer;
  display: inline-flex;
  background-color: var(--el-input-background-color, var(--el-color-white));
  background-image: none;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  border: var(--el-input-border, var(--el-border-base));
  box-sizing: border-box;
  color: var(--el-input-font-color, var(--el-text-color-regular));
  width: 250px;
}

.base {
  width: 800px;
  margin-top: 10px;
  position: absolute;
  left: 620px;
}
.base .work {
  position: absolute;
  left: 680px;
}
.text {
  font-size: 14px;
}
.item {
  margin-bottom: 18px;
}
.tongshi {
  margin: 10px;
  color: dodgerblue;
}
.pic {
  height: 600px;
}

a:-webkit-any-link {
  color: dodgerblue;
  cursor: pointer;
  text-decoration: none;
}
.spandoor {
  color: rgb(91, 154, 248);
}
.spandoor:hover {
  cursor: pointer;
  color: rgb(40, 192, 184);
}
.login {
  position: absolute;
  right: 120px;
  top: 2px;
  color: #e9eef3;
  /* font-weight: 700; */
}
</style>

